$(function(){

    /**
     * 初始化
     */
    function init(){
        bindEvent();
        //表单的JQueryValidater配置验证---jquery.validate插件验证法
        $("#myForm").validate(validateInfo);
    }

    /**
     * 绑定事件
     */
    function bindEvent(){
        $("#myForm .submit").click(function(){
            editUser();
            return false;
        });
        
        $('select[id="city"]').change(function () {
            $.ajax({
                url:"getSubCityList",
                dataType:"json",
                async:true,
                data:{"id":$(this).val()},
                type:"POST",
                success:function(req){
                    if (req.errorCode == 1) {
                        return false;
                    }
                    $('#area').show();
                    let citys = req.data
                    let options = ''
                    for (const k in citys) {
                        if (typeof citys[k] == 'function') {
                            continue;
                        }
                        options += '<option value="'+citys[k].id+'">'+citys[k].name+'</option>';
                    }
                    $('#area').empty().append(options)
                },
            });
        })

        //添加分类图标事件
        $("#id_card_front").change(function(){
            var filepath=$(this).val();
            if(filepath == ""){
                return false;
            }
            var extStart=filepath.lastIndexOf(".");
            var ext=filepath.substring(extStart,filepath.length).toUpperCase();
            if(ext.toLowerCase()!=".jpg" && ext.toLowerCase()!=".jpeg" && ext.toLowerCase()!=".png" && ext.toLowerCase()!=".gif"){
                $(this).val("");
                responseTip(1,"文件格式不正确，仅支持jpg、jpeg、gif、png格式，文件小于5M！",2000);
                return false;
            }
            $('#mainIdCardFront').val(1)
        });

        //添加分类图标事件
        $("#id_card_reverse").change(function(){
            var filepath=$(this).val();
            if(filepath == ""){
                return false;
            }
            var extStart=filepath.lastIndexOf(".");
            var ext=filepath.substring(extStart,filepath.length).toUpperCase();
            if(ext.toLowerCase()!=".jpg" && ext.toLowerCase()!=".jpeg" && ext.toLowerCase()!=".png" && ext.toLowerCase()!=".gif"){
                $(this).val("");
                responseTip(1,"文件格式不正确，仅支持jpg、jpeg、gif、png格式，文件小于5M！",2000);
                return false;
            }
            $('#mainIdCardReverse').val(1)
        });
    }
    /**
     * 编辑
     */
    function editUser(){
        $("#myForm").ajaxSubmit($.extend(true,{},formOptions,options,myFormOptions));
    }

    /**
     * 提交添加信息的表单配置
     */
    var  myFormOptions={
        url:'updateUser',
        success:successResponse
    };
    function successResponse(json,statusText){
        if(json.errorCode == 0){
            responseTip(json.errorCode,"恭喜您，师傅创建成功！",1500,function(){window.history.go(-1);});
        }else{
            responseTip(json.errorCode,json.errorInfo,1500);
        }
    }
    //表单验证信息
    var validateInfo ={
        rules:{
            id_card_front:{
                // required: true,
                accept: "jpg,jpeg,gif,png"
            },
            id_card_reverse:{
                // required: true,
                accept: "jpg,jpeg,gif,png"
            },
        },
        messages:{
            id_card_front:{
                // required:"请选择图片",
                accept:"仅支持jpg、jpeg、gif、png格式"
            },
            id_card_reverse:{
                // required:"请选择图片",
                accept:"仅支持jpg、jpeg、gif、png格式"
            },
        },
        errorPlacement:function(error,element){
            element.parent().next().append(error);
        }
    };
    
    init();
});